@import '../../../../scss/colors.scss';

$yy-img: 0 5px 20px 0 rgba(0,0,0,.1);

.header {
    position: relative;
    border-bottom: $border-line;
    background: $sider-bg-color;
    padding: 55px 41px 2px 41px;
    border-top-right-radius: $radius-size;
    border-top-left-radius: $radius-size;
    .ant-row{
        padding-bottom: 26px;
        i{
            font-size: $f-size; 
        };
        .img-c{
            background-color:#FFEBCD;
            width:121px;
            height:121px;
            display:inline-block;
            border-radius:50%;
            overflow:hidden;
            margin-right: 50px;
            -moz-box-shadow: $yy-img; 
            -webkit-box-shadow:$yy-img; 
            box-shadow:$yy-img;
            border: 4px solid rgba(255, 255, 255, 1);
            ;
        };
    };
    .account-body{
        // line-height: 25px;
        font-size: $btn-f-size;
    };
    
};

.body{
    font-size: $list-f-size;
    .body-left{
        .user-coin{
            margin-left: 36px;
            margin-right: 36px;
            padding: 42px 0 8px 36px;
            border-bottom: $border-line;
            font-size: $btn-f-size;
            i{
                font-size: $f-size + 60;
            };
            button{
                width: 65px;
                height: 36px;
                font-size: $btn-f-size;
            };
            span{
                padding-left: 30px;
            };
            .body-left-ye{
                padding-left: 30px;
                .ye-lable{
                    padding-bottom: 8px;
                };
                .ye-text{
                    font-size: $f-size + 10;
                };
            };
            .ye-btn{
                margin-top: 48px;
            };
        };
        
        .body-left-txl{
            margin-left: 36px;
            padding: 40px 36px;
            font-size: $btn-f-size;
            color: $fort-color;
            .fl{float: left;    margin-top: -7px;};
            i{
                font-size: $f-size + 16;
                color: $span-color;
            };
            span{
                margin-left: 16px;
                padding-left:  16px;
                border-left: $border-line;
                a{
                    color: $fort-color;
                };
            };
        };
    };
    
    .notices-right{
        
        .notices-titel{
            border-bottom: $border-line;
            padding: 16px 24px;
            margin-left: 24px;
            .notices-titel-msg{
                font-size: $f-size;
                i{
                    color: goldenrod;
                    font-size: $f-size + 10;
                };
                span{
                    padding-left: 19px;
                    font-size: $f-size;
                };
            };
            .notices-titel-ck{
                font-size: $list-f-size;
                margin-top: 5px;
                text-align: right;
                i{
                    margin-left: 26px;
                    font-size: $list-f-size + 2;
                    color: $span-color;
                };
                a{
                    color:$fort-color;
                };
            };
        };
        .notices-body{
            // min-height: $body-min-h;o
            height: 500px;
            overflow: auto;
            .notices-body-no-data{
                height:300px;
                width: 100%;
                text-align: center;
                img{
                    margin-top:50%;
                }
            }
            ul{
                list-style-type:none;
                padding: 0;
                li{
                    font-size: $list-f-size;
                    padding: 16px 22px;
                    margin-bottom: 2px;
                    &:hover{
                        background: #f1f1f1;
                        // border-bottom: 0.1px solid #bfbfbf;
                    };
                };
            };
            .ant-list-item{
                padding: 2px 0;
            };
            .notices-item{
                cursor:pointer;
                // max-width:  5px 10px;
                margin-left: 5%; 
                margin-top: 2%; 
                p{
                    color: $span-color;
                    line-height: 5px;   
                };
            };
        };
    };

};